<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body style="white-space:nowrap">
		<div style="
		display: flex;
		align-items: stretch;
		background-color: rgba(0,0,0,10%);
		border-radius: 1em;
		padding: 0.5em;
		">
			<img style="height: 4em;margin-right: 0.5em;" src="../img/nasapod128x128.png" alt="小图片">
			<div>
				<h3 style="margin: 0;">New Bing Go Go</h3>
				<p style="white-space:normal;margin: 0;" id='speak'>
					我没有角角,需要魔法链接才能帮你哦。
				</p>
			</div>
		</div>
		
		<div style="
		align-items: flex-end;
		background-color: rgba(0,0,0,10%);
		margin: 1em 0 1em 0;
		border-radius: 1em;
		padding: 0.5em;
		text-align: center;
		">
			<h3 style="text-align: center; margin:0;">输入魔法链接</h3>
			<input type="text" id="url-input" style="width: 97%;display: inline-block;">
		</div>
		<div style="
		align-items: flex-end;
		background-color: rgba(0,0,0,10%);
		margin: 1em 0 1em 0;
		border-radius: 1em;
		padding: 0.5em;
		text-align: center;
		">
			<h3 style="text-align: center; margin:0;">聊天方式</h3>
			<select id="tallSelect" style="width: 100%;">
				<option>正常聊天(推荐)(用魔法创建聊天后正常聊天)</option>
				<option>魔法聊天(较慢)(用魔法创建聊天后继续使用魔法聊天)</option>
			</select>
		</div>

		
		<div style="text-align: center;">
			<a id="go-to-bing-go-go" target="_blank">进入页面</a>
		</div>
		<script src="../js/GetSet.js"></script>
		<script src="./popup.js"></script>
	</body>
</html>